<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt"  prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
  <head>
    <base href="<%=basePath%>">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>热门话题</title>
	<link rel="stylesheet" type="text/css" href="css/normalize.css">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/my-style.css">
	<!--[if lt IE 9]> 
		<script src="js/html5shiv.min.js"></script> 
	<![endif]-->
</head>
<body>
		<!-- 导航栏 -->
	<header>
		<nav class="navbar navbar-inverse">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		      <a class="navbar-brand" href="index.html">
		        <img alt="LOGO" src="img/50x30.png">
		      </a>
				</div>
				<div class="collapse navbar-collapse" id="navbar-collapse-1">
					<ul class="nav navbar-nav navbar-left">
					 	  <li><a href="index/home">首页</a></li>
				          <li><a href="lawyer/list">法律人</a></li>
				          <li><a href="contract/list">法律产品</a></li>
				          <li><a href="knowledge/index">法律知识</a></li>
				          <li><a href="javascript:;">招聘</a></li>
					</ul>

					<ul class="nav navbar-nav navbar-right">
						<li><a class="add-btn" href="index/join">法律人入驻<span class="caret"></span></a></li>
	       				<c:if test="${sessionScope.user == null}">
								  <li><a href="user/login">登录</a></li>
	         					 <li><a href="user/register">注册</a></li>
						</c:if>
						<c:if test="${sessionScope.user != null}">
								 <li>
											<c:if test="${sessionScope.user.type  == 0}">
											<a href="user/person">${sessionScope.user.username}</a>
											</c:if>
											<c:if test="${sessionScope.user.type  == 1}">
											<a href="lawyer/person">${sessionScope.user.username}</a>
											</c:if>
											<c:if test="${sessionScope.user.type  == 2}">
											<a href="lawyer/person">${sessionScope.user.username}</a>
											</c:if>
								</li>
	         					 <li><a href="user/logout">退出</a></li>
						</c:if>
					</ul>
				</div>
			</div>
		</nav>
	</header>
	


	<!-- banner -->
	<section>
		<div class="container-join-banner">
			<div class="container">
				<div class="row">
					<div class="col-md-12 col-sm-12 col-xs-12">
						
					</div>
				</div>
			</div>
		</div>
	</section>




	<section class="hot-topic-con">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="col-md-9 col-sm-9 col-xs-12 clear-padding">
						<div class="tab-title clearfix">
							<ul class="tab-ul" id="tab-ul">
								<li <c:if test="${themeType == 1}">class="tab-act"</c:if>><a href="topic/list/1">婚姻</a></li>
								<li <c:if test="${themeType == 2}">class="tab-act"</c:if>><a href="topic/list/2">交通</a></li>
								<li <c:if test="${themeType == 3}">class="tab-act"</c:if>><a href="topic/list/3">知识</a></li>
								<li <c:if test="${themeType == 4}">class="tab-act"</c:if>><a href="topic/list/4">合同</a></li>
								<li <c:if test="${themeType == 5}">class="tab-act"</c:if>><a href="topic/list/5">消费</a></li>
								<li <c:if test="${themeType == 6}">class="tab-act"</c:if>><a href="topic/list/6">其他</a></li>
							</ul>
							
						</div>
						<div class="col-md-12 col-sm-12 col-xs-12 clear-padding" style="background:#fff;padding:10px 0;">
							<div class="tab-topic-con tab-topic-con-act" id="tab-topic-con1">
								<c:forEach items="${lawThemes}" var="lawThemes">
										<div class="tab-topic-con-info">
											<h4><span class="label label-info">${lawThemes.themeid}</span>本周热门话题:<a href="topic/detail/${lawThemes.themeid}">${lawThemes.themename}</a><a href="topic/detail/${lawThemes.themeid}" class="btn btn-default btn-xs">参与讨论</a></h4>
											<p class="text-overflow">${lawThemes.themecontent}<a href="topic/detail/${lawThemes.themeid}">查看更多</a></p>
										</div>
								</c:forEach>
							</div>


							<div class="tab-topic-con" id="tab-topic-con2">
								<div class="tab-topic-con-info">
									<h4><span class="label label-info">15</span>本周热门话题:<a href="#">胡歌和霍建华这对CP被热炒，你知道他们经历了多少辛酸才改变了各自的命运吗？</a><a class="btn btn-default btn-xs">参与讨论</a></h4>
									<p class="text-overflow">两个吃苦，敬业的演员彼此惺惺相惜，所以才能成为现在这样的朋友。要探究两个人为何如此性情相投，其实一点也不难，两个人这些年的经历，这些年的成长都是沉淀后的结果，都是只言作品，不言其他的演员。<a href="#">查看更多</a></p>
								</div>

							</div>


							<div class="tab-topic-con" id="tab-topic-con3">
								<div class="tab-topic-con-info">
									<h4><span class="label label-info">15</span>本周热门话题:<a href="#">邓紫棋谈学金鱼嘴内情 都是拜初恋男友所赐</a><a class="btn btn-default btn-xs">参与讨论</a></h4>
									<p class="text-overflow">两个吃苦，敬业的演员彼此惺惺相惜，所以才能成为现在这样的朋友。要探究两个人为何如此性情相投，其实一点也不难，两个人这些年的经历，这些年的成长都是沉淀后的结果，都是只言作品，不言其他的演员。<a href="#">查看更多</a></p>
								</div>

							</div>



							<div class="tab-topic-con" id="tab-topic-con4">
								<div class="tab-topic-con-info">
									<h4><span class="label label-info">15</span>本周热门话题:<a href="#">邹市明娇妻冉莹颖胸围傲人 曾是央视女主播</a><a class="btn btn-default btn-xs">参与讨论</a></h4>
									<p class="text-overflow">两个吃苦，敬业的演员彼此惺惺相惜，所以才能成为现在这样的朋友。要探究两个人为何如此性情相投，其实一点也不难，两个人这些年的经历，这些年的成长都是沉淀后的结果，都是只言作品，不言其他的演员。<a href="#">查看更多</a></p>
								</div>

							</div>


							<div class="tab-topic-con" id="tab-topic-con5">
								<div class="tab-topic-con-info">
									<h4><span class="label label-info">15</span>本周热门话题:<a href="#">请别急着买6s 明年iPhone7或将提前发布</a><a class="btn btn-default btn-xs">参与讨论</a></h4>
									<p class="text-overflow">两个吃苦，敬业的演员彼此惺惺相惜，所以才能成为现在这样的朋友。要探究两个人为何如此性情相投，其实一点也不难，两个人这些年的经历，这些年的成长都是沉淀后的结果，都是只言作品，不言其他的演员。<a href="#">查看更多</a></p>
								</div>

							</div>


							<div class="tab-topic-con" id="tab-topic-con6">
								<div class="tab-topic-con-info">
									<h4><span class="label label-info">15</span>本周热门话题:<a href="#">台湾一只哈士奇当街"打劫" 逼人为其买热狗</a><a class="btn btn-default btn-xs">参与讨论</a></h4>
									<p class="text-overflow">两个吃苦，敬业的演员彼此惺惺相惜，所以才能成为现在这样的朋友。要探究两个人为何如此性情相投，其实一点也不难，两个人这些年的经历，这些年的成长都是沉淀后的结果，都是只言作品，不言其他的演员。<a href="#">查看更多</a></p>
								</div>

							</div>


						</div>
					</div>


					<div class="col-md-3 col-sm-3 hidden-xs">
					<div class="col-md-12 text-center hidden-xs clear-padding">
						<img src="img/260x200.png" alt="">
					</div>
					<div class="col-md-12 col-sm-12 col-xs-12 clear-padding center-block">
						<div class="sidebar-box">
							<form method="" action="">
								<h4>预约见面</h4>
								<hr/>
								<p>简单3步轻松搞定预定律师</p>
								<div class="text-center">
									<img src="img/230x150.png" alt="">
								</div>
								<hr class="dotted">
								<p>服务费用<b>10元</b><i>原价100元</i></p>
								<div class="form-group">						    
							    <select class="form-control" id="sidebar-box-select2">
										<option>请选择合同类型</option>
										<option>交通事故</option>
										<option>婚姻纠纷</option>
									</select>
							  </div>
							  <button type="button" class="btn btn-warning btn-block">立即预约</button>
							</form>
						</div>
					</div>
					</div>



				</div>
			</div>
		</div>
	</section>





	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>

	<script type="text/javascript">
		$(function(){
			//标签切换
			/* $('#tab-ul li').each(function(index){
				$(this).click(function(){
					var _this = $(this);
					var $tabCon = $('#tab-topic-con1, #tab-topic-con2, #tab-topic-con3, #tab-topic-con4, #tab-topic-con5, #tab-topic-con6');
					$('#tab-ul li').removeClass('tab-act');
					$tabCon.removeClass('tab-topic-con-act');
					_this.addClass('tab-act');
					$tabCon.eq(index).addClass('tab-topic-con-act');
				});
			}) */
		});
	</script>
</body>
</html>